// 个人中心页的各个小单元元素

<template>
  <div class="cell" @click="handleclick">
    <!-- 左侧标题 -->
    <div class="left">{{title}}</div>
    <!-- 右侧简述 -->
    <div class="right">
      {{type == 'pass' ? '****' : desc}}
      <span class="iconfont iconjiantou1"></span>
    </div>
  </div>
</template>

<script>
export default {
  // 根据使用cell元素的页面取动态修改插值
  props: ["title", "desc", "type"],
  methods: {
    handleclick(e){
      this.$emit('click',e)
    }
  }
};
</script>

<style lang="less" scoped>
.cell {
  padding: 20 * 100vw/360 10 * 100vw/360;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f0baba;
  .right {
    font-size: 13 * 100vw/360;
    color: #8f8181;
    span {
      font-size: 13 * 100vw/360;
    }
  }
}
</style>